@extends('layouts.main')
@section('title', '活动报名系统')
@section('content')


        <!-- Home Page
==========================================-->
<div id="tf-home" class="text-center">
    <div class="overlay">
        <div class="content">
            <h1>欢迎登陆 <strong><span class="color">活动报名系统</span></strong></h1>

            <p class="lead">开心工作 <strong>快乐生活</strong> 我们 <strong>一起
                    加油!</strong></p>
            <a href="#tf-works" class="fa fa-angle-down page-scroll"></a>
        </div>
    </div>
</div>


<!-- Portfolio Section
==========================================-->
<div id="tf-works">
    <div class="container"> <!-- Container -->
        <div class="section-title text-center center">
            <h2>看看 <strong>近期的活动安排</strong></h2>

            <div class="line">
                <hr>
            </div>
            <div class="clearfix"></div>
            <small><em>How wonderful life is,
                    Life is a rainbow,
                    Where there is life,the place is a riot of colours.
                    You can go fishing,
                    To appreciate the beauty of nature,
                    Go hiking,picking,
                    Play football,play hide and seek,
                    To observe the world every tree and bush.
                    Learning to match,
                    To study the candle,
                    To study the bees,
                    Devoted all his resources to human.
                    How wonderful life is,
                    Life is so happy,
                    Where there is life,the place is a riot of colours.</em></small>
        </div>
        <div class="space"></div>

        <div class="categories">

            <ul class="cat">
                <li class="pull-left"><h4>按类型筛选:</h4></li>
                <li class="pull-right">
                    <ol class="type">
                        <li><a href="#" data-filter="*" class="active">所有</a></li>
                        <!--
                        <li><a href="#" data-filter=".web">Web Design</a></li>
                        <li><a href="#" data-filter=".photography">Photography</a></li>
                        <li><a href="#" data-filter=".app">Mobile App</a></li>
                        <li><a href="#" data-filter=".branding">Branding</a></li>
                        -->
                    </ol>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>

        <div id="lightbox" class="row">

            <!-- 活动列表 -->
            @foreach($activities as $act)
                <div class="col-sm-6 col-md-3 col-lg-3 branding">
                    <div class="portfolio-item">
                        <div class="hover-bg">
                            <a href="/activity/{{$act->id}}">
                                <div class="hover-text">
                                    <h4>{{$act->subject}}</h4>
                                    <small>
                                        {{ date('m.d H:i', strtotime($act->start_time)) }}
                                        ~
                                        {{ date('m.d H:i', strtotime($act->end_time)) }}
                                    </small>
                                    <div class="clearfix"></div>
                                    <i class="fa fa-link"></i>
                                </div>
                                <img src="img/portfolio/03.jpg" class="img-responsive" alt="...">
                            </a>
                        </div>
                    </div>
                </div>
            @endforeach


            @for($i=0; $i< 8 - count($activities); $i++)
                <div class="col-sm-6 col-md-3 col-lg-3 branding">
                    <div class="portfolio-item">
                        <div class="hover-bg">
                            <a href="javascript:void(0);">
                                <div class="hover-text">
                                    <h4>活动策划中</h4>
                                    <small>Coming soon....</small>
                                    <div class="clearfix"></div>
                                    <i class="fa fa-plus"></i>
                                </div>
                                <img src="img/portfolio/01.jpg" class="img-responsive" alt="...">
                            </a>
                        </div>
                    </div>
                </div>
            @endfor

        </div>
    </div>
</div>

<!-- Testimonials Section
==========================================-->
<div id="tf-testimonials" class="text-center">
    <div class="overlay">
        <div class="container">
            <div class="section-title center">
                <h2><strong>坚持最高标准</strong> 打造一流团队</h2>

                <div class="line">
                    <hr>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div id="testimonial" class="owl-carousel owl-theme">
                        <div class="item">
                            <h5>只有在集体中,个人才能获得全面发展其才能的手段,也就是说,只有在集体中才可能有个人自由。</h5>

                            <p>——<strong>马克思、恩格斯</strong></p>
                        </div>

                        <div class="item">
                            <h5>人们在一起可以做出单独一个人所不能做出的事业;智慧+双手+力量结合在一起，几乎是万能的。</h5>

                            <p>——<strong>韦伯斯特</strong></p>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection